<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>表单的主题样式 Form themes--JQUERY MOBILE 中文API站</title>
<meta name="keywords" content="JQUERY MOBILE 1.0正式版中文手册,Jquery Mobile 1.0,Jquery mobile,移动框架开发手册,darklord,JQUERY MOBILE 1.0正式版,JQUERY API,jqmapi,jqm,jquery," />
<meta name="description" content="Jquery mobile中文API站，Jquery mobile 1.0正式版本中文手册，提供最新版Jquery mobile移动web与应用开发帮助。" />
<link rel="stylesheet" type="text/css" href="../../style/Jqueryapi.css" tppabs="http://www.jqmapi.com/style/Jqueryapi.css" />
<script src="../../style/lib/jquery-1.6.1.min.js" tppabs="http://www.jqmapi.com/style/lib/jquery-1.6.1.min.js"></script>
<script src="../../style/jqmapi.js" tppabs="http://www.jqmapi.com/style/jqmapi.js"></script>
<link rel="shortcut icon" href="../../style/img/favicon.ico" />
</head>
<body>
<div class="nav">
<iframe width="250px" scrolling="no" frameborder="0" allowtransparency="true" src="../../nav.html" tppabs="http://www.jqmapi.com/nav.html" height="1300px"></iframe>
</div>
<div class="main">
<script src="style/jqmapi.js" tppabs="http://www.jqmapi.com/componts/form/style/jqmapi.js" type="text/javascript"></script>
<hr style="color:#595959;" />

<div class="content">
				<h1>表单的主题样式 Form themes</h1>
				<div class="desc">
				  <div>Jquery Mobile内建了一套样式主题系统，让你给页面和表单添加样式时有丰富的选择。默认情况下所有的表单元素都会应用与父容器相同的主题样式。是的表单元素融合进他们的布局中。给表单元素单独地应用 data-theme  属性，可以指定它的主题样式，使他在布局中凸现出</div>
                  <hr>
				  <div>下面实例中的所有表单的html都是相同的，并且没有为表单内的元素单独地指定主题样式。表单之间唯一的不同就是给表单父容器通过   data-theme  属性指定了不同的主题样式。这表现了表单元素自动应用父容器的主题样式的特性</div>
				<hr /></div>
				<p class="indent">BODY为A主题</p>
<img src="../../images/form theme/themea.png" tppabs="http://www.jqmapi.com/images/form%20theme/themea.png">
				<p class="indent">BODY为B主题</p>
<img src="../../images/form theme/themeb.png" tppabs="http://www.jqmapi.com/images/form%20theme/themeb.png">
				<p class="indent">BODY为C主题</p>
<img src="../../images/form theme/themec.png" tppabs="http://www.jqmapi.com/images/form%20theme/themec.png">
				<p class="indent">BODY为D主题</p>
<img src="../../images/form theme/themec.png" tppabs="http://www.jqmapi.com/images/form%20theme/themec.png">
				<p class="indent">BODY为E主题</p>
<img src="../../images/form theme/themee.png" tppabs="http://www.jqmapi.com/images/form%20theme/themee.png">
			</div>
</div>
<iframe id="iFrame1" width="160px" scrolling="no" frameborder="0" allowtransparency="true" src="../../adsense_r.html" tppabs="http://www.jqmapi.com/adsense_r.html" onload="this.height=iFrame1.document.body.scrollHeight" ></iframe>
</body>
</html>



